<template>
  <div>
    <h3 class="text-center red">长白菜同样不好吃</h3>
    <ul class="text-center spacing" style="padding: 0">
      <li v-for="(item, index) in links" :key="index">
        <a @click="$goRoute(item.route)">{{ item.text }}</a>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      links: [
        {
          text: "不知道什么白菜",
          route: "/page01/page01-b/end"
        },
        {
          text: "饿了",
          route: "/hello"
        }
      ]
    };
  }
};
</script>
